.mci-date-picker {
  --el-text-color-placeholder: var(--color-text-3);

  .el-input__wrapper{
    background-color: var(--color-fill-2);
  }
  &.w-full {
    width: 100% !important;
  }
  &.icon-right {
    .el-input__inner {
      padding-left: 11px;
    }
    .el-input__prefix {
      left: auto;
      right: 12px;
    }
    .el-input__suffix {
      right: 12px;
      background-color: var(--mci-date-picker-clear-icon-bg);
      height: calc(100% - 2px);
      margin-top: 1px;
      z-index: 999;
    }

    &.mci-single-line {
      .el-input__suffix,
      .el-input__prefix {
        right: 0;
      }
    }
  }
}
